<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="<?php echo base_url();?>resources/css/style.css" rel="stylesheet" type="text/css"/>

  </head>
  <body>
      <div class="wrapper">
              <div class="header">
                  <div class="logo"></div>
                  <div class="menu">
                      <ul>
                          <li>
                              <a href="#">Home</a>
                          </li>
                          <li>
                              <a href="#">About</a>
                          </li>
                      </ul>
                  </div>
              </div>
              <div class="main-container">
                  <div class="prediction-list">
                      <h1>
                          <label>Top outcome predictions</label>
                      </h1>
                      <div class="block dark">
                          <div class="table-text" style="width:20%">League</div>
                          <div class="table-text" style="width:28%; text-align: right;">HOME</div>
                          <div class="table-text" style="width:4%">-</div>
                          <div class="table-text" style="width:28%; text-align: left;">AWAY</div>
                          <div class="table-text" style="width:20%">Prediction</div>
                      </div>
                      <?php foreach ($recomended as $item):?>
		      <div class="block light">
                           <div class="table-text" style="width:20%"><?php echo $item['league']?></div>
                           <div class="table-text" style="width:28%; text-align: right;"><?php echo $item['homeTeam']?></div>
                           <div class="table-text" style="width:4%">-</div>
                           <div class="table-text" style="width:28%; text-align: left;"><?php echo $item['awayTeam']?></div>
                           <div class="table-text" style="width:20%"><?php echo $item['tip']?></div>
                      </div>
                      <?php endforeach;?>
                      <div class="block dark" style="border-radius: 0px 0px 20px 20px;-webkit-border-radius: 0px 0px 20px 20px;">
                          <div class="prediction-footer">Winner prediction</div>
                      </div>
                  </div>

                  <div class="prediction-list">
                      <h1>
                          <label>All predictions</label>
                      </h1>
                      <div class="block dark">
                          <div class="table-text" style="width:20%">League</div>
                          <div class="table-text" style="width:28%; text-align: right;">HOME</div>
                          <div class="table-text" style="width:4%">-</div>
                          <div class="table-text" style="width:28%; text-align: left;">AWAY</div>
                          <div class="table-text" style="width:20%">Prediction</div>
                      </div>
                      <?php foreach ($games as $item):?>
		      <div class="block light">
                           <div class="table-text" style="width:20%"><?php echo $item['league']?></div>
                           <div class="table-text" style="width:28%; text-align: right;"><?php echo $item['homeTeam']?></div>
                           <div class="table-text" style="width:4%">-</div>
                           <div class="table-text" style="width:28%; text-align: left;"><?php echo $item['awayTeam']?></div>
                           <div class="table-text" style="width:20%"><?php echo $item['tip']?></div>
                      </div>
                      <?php endforeach;?>
                      <div class="block dark" style="border-radius: 0px 0px 20px 20px;-webkit-border-radius: 0px 0px 20px 20px; margin-bottom:20px;">
                          <div class="prediction-footer">Winner prediction</div>
                      </div>
                  </div>
              </div>
              <div class="footer">FSP &copy; 2012 - Page rendered in {elapsed_time}s</div>
          </div>
  </body>
</html>
